<template>
    <div class="blue-action">
      <van-nav-bar :title="header" left-arrow @click-left="onClickLeft"/>
      <div class="blue-action-content">
        <p>支付宝蓝海行动活动细则支付宝蓝海行动活动细则支付宝蓝海行动活动细则支付宝蓝海行动活动细则支付宝蓝海行动活动细则</p>
      </div>
    </div>
</template>

<script>
  import { NavBar } from 'vant';
  export default {
    name: 'rules',
    components: {
      [NavBar.name]: NavBar
    },
    data() {
      return {
        header: '支付宝蓝海行动活动细则'
      };
    },
    methods: {
      onClickLeft() {
        this.$router.push('uploadImages');
      }
    }
  };
</script>

<style lang="less" scoped>
  .blue-action {
    margin: 0;
    padding: 0;
    &-content {
      font-size: 12px;
      color: #666;
      padding: .2rem .4rem;
      p {
        margin: 0;
        line-height: 1.8;
      }
    }
  }
</style>
